let userInfo = {}
const db = wx.cloud.database()
Component({
	/**
	 * 组件的属性列表
	 */
	properties: {
		comment: Object, // 父组件传过来的数据
		commentId: String // 父组件传过来的id
	},
	options: {
		// 添加styleIsolation 可以共享全局的iconfont样式 另外还有几种处理方法
		styleIsolation: 'apply-shared'
	},
	/**
	 * 组件的初始数据
	 */
	data: {
		modalShow: false, // 控制底部发布框是否显示
		isLogin: false, // 控制提示登录的显示
		content: '', // 评论的内容
		contentLength: 0 // 长度
	},

	/**
	 * 组件的方法列表
	 */
	methods: {
		onPublish() { // 点击平林
			wx.getSetting({ // 拿到userInfo
				success: (res) => {
					//console.log(res)
					if (res.authSetting['scope.userInfo']) { // 如果登录了就显示发布框
						// wx.getUserInfo({  // wx.getUserInfo拿不到数据了
						// 	success: (res) => {
						// 		userInfo = res.userInfo
						// 		this.setData({
						// 			modalShow: true
						// 		})
						// 	}
						// })
						if (!wx.getStorageSync('USERINFO')) {
							wx.getUserProfile({
								desc: '用于获取用户信息',
								success: res => {
										wx.setStorageSync('USERINFO', res)
										userInfo = res.userInfo
										this.setData({
											isLogin: true
										})
								}
							})
						} else {
							this.setData({
								modalShow: true
							})
						}
					} else { // 如果没登录就显示登录框
						this.setData({
							isLogin: true
						})
					}
				}
			})
		},
		sucLogin(event) { // 已经登录的情况
			// userInfo = event.detail
			this.setData({
				isLogin: false
			}, () => {
				this.setData({
					modalShow: true
				})
			})
		},
		onInput(e) { // 输入事件
			let value = e.detail.value
			let valueLength = value.length
			// console.log(valueLength)
			if (valueLength > 100) return
			//console.log(e.detail.value.length)
			this.setData({
				content: value,
				contentLength: valueLength
			})
			// console.log(this.data.content)
		},
		toPublish(event) { // 发布事件
			// console.log(1, event)
			let content = this.data.content
			// 模板ID
			let templateId = '3Wc1t8JDfFl5FkcG6ws8ayfAgs9P4qF2K_q6a8P_CMA'
			wx.requestSubscribeMessage({
				tmplIds: templateId,
				success: res => {
					wx.cloud.callFunction({
						name: 'shop-sendcomment',
						data: {
							content,
							commentId: this.properties.commentId
						}
					})
				}
			})
			if (content.trim() == '') { // 为空的情况
				wx.showModal({
					title: '提示',
					content: '请说点什么吧！',
					success(res) {
						if (res.confirm) {
							// console.log('用户点击确定')
						} else if (res.cancel) {
							// console.log('用户点击取消')
						}
					}
				})
				return
			}
			wx.showLoading({
				title: '评价中，请稍后...',
				mask: true
			})
			db.collection('blog-comment').add({ // 添加到对应云数据库
				data: {
					content,
					createTime: db.serverDate(),
					blogId: this.properties.commentId,
					nickName: userInfo.nickName,
					avatarUrl: userInfo.avatarUrl
				}
			}).then(res => {
				wx.hideLoading()
				wx.showToast({
					title: '评论成功!',
					icon: 'success',
					mask: true
				})
				this.setData({
					modalShow: false,
					content: '',
					contentLength: 0
				})
			})
			this.triggerEvent('refreshCommentList') // 发布之后抛出一个刷新列表的事件
		},
		clearContent() { // 清除内容事件
			// console.log(1)
			this.data.content = ''
			this.setData({
				content: '',
				contentLength: 0
			})
		}
	}
})
